/* CSS3滚动条 */
/*::selection {background:none; text-shadow:none ;}*/
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2;}
::-webkit-scrollbar{width:5px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background:#ccc;}
::-webkit-scrollbar-thumb:hover{background:#E60013 ; cursor:pointer} 
@font-face {
	font-family: 'Conv_DINCondensedC';
	src: url('../fonts/DINCondensedC.eot');
	src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 
*{ padding:0; margin:0;}
body{ font-family:微软雅黑; font-size:16px; line-height:1.6;text-align: justify;}
body, html { margin: 0;transition: opacity 400ms ease 0s; height:100%;}
.cor{ background:#f2f2f2;}
table  
{  
	border-collapse: collapse; margin-top:5px;
}  
table td, table th  
{  
	border:1px solid #999; text-align:center;
	color: #333;  
	height: 30px; padding:5.5px;
} 
table tr:nth-child(2n+1){ background-color:#f2f2f2;}
a{ text-decoration:none; color:#000; outline:none}
a:hover{ color:#bf1a21}
h1{ font-size:36px; margin-bottom:5px; line-height:40px;}
h2{ font-size:40px;}
h3{ font-size:22px;}
h5{ font-size:20px; color:#000000; font-weight:normal;}
li{ list-style:none}
.l{ float:left; box-sizing:border-box;}
.r{ float:right; box-sizing:border-box;}
.herf{ width:50%;}
img{ object-fit:cover; max-width:100%;}
.bg{ background:url(../images/bg.png);}

.pad{ padding:80px 0;}
.clear{ clear:both}
.w{ width:85%; margin:auto; max-width:1450px; position:relative;}


video, object {
display:inline-block;
vertical-align:baseline;
min-width:100%; max-width:100%;object-fit:cover;
}
.de-video-container{
top:0%;
left:0%; position:absolute; z-index:-1;
height:100%;
width:100%;
overflow: hidden;}
.de-video-container video{ position:absolute; left:0; right:0; margin:auto; bottom:0;}
.button_container { display:none;/*PC端不显示*/
    position: relative; float:right;margin-top:10px;height: 28px; width:30px; cursor: pointer; z-index: 999;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
}
.overlay{ margin-right:150px;}


/* 手机导航 */
.button_container.active .top {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
        -ms-transform: translateY(8px) translateX(0) rotate(45deg);
            transform: translateY(8px) translateX(0) rotate(45deg);
    background: #bf1a21;
}

/* Set the middle hamburger bar's opacity to 0  */
.button_container.active .middle {opacity: 0;background: #bf1a21;}
.button_container.active .bottom {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
        -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
            transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #bf1a21;
}
.button_container span {
    background: #bf1a21; border: none;height: 3px;width: 100%;position: absolute;top: 0;left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}
.button_container span:nth-of-type(2) { top: 8px;}
.button_container span:nth-of-type(3) { top: 16px;}

.logo img{ height:60px; margin-top:10px;}
.overlay li{ float:left;}
.overlay li a{ padding:25px 20px; display:block; border-bottom:rgba(255,255,255,0) solid 1px; font-size:19px;letter-spacing:2px; color:#666;}
.overlay li a:hover{ border-bottom:#bf1a21 solid 1px;}
.current a{ border-bottom:#000 solid 1px !important; color:#000!important;}
.logobg{ width:400px; height:200px;background:url(../images/logobg.png) left top no-repeat; position:absolute; top:0%; left:-5%; z-index:-1;transition:0.5s;}
.logo{ display:block; float:left; position:relative; z-index:9990;}
.head{ width:100%; position:fixed; top:0; z-index:9999;border-bottom:rgba(0,0,0,0.1) 1px solid; background:rgba(255,255,255,0.2); transition:0.8s;}
.headbg .logobg{ top:-100%; transition:0.5s;}
.head2{}

.head:hover,.headbg{ backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
	-moz-backdrop-filter: blur(8px);
	-ms-backdrop-filter: blur(8px);
	-o-backdrop-filter: blur(8px); transition:0.8s; background-size:auto 160px;}
	
.overlay li{}
.dherji{ width:100%; padding-left:50%; box-sizing:border-box;left:0; right:0; max-height:0px; overflow:hidden;  position:absolute;display:block; z-index:999; font-size:16px; background-color:rgba(255,255,255,0.95); box-shadow:2px 5px 5px rgba(0,0,0,0.2);}
.overlay li:hover .dherji{ max-height:100px;transition:0.9s; color:#FFF;}
.overlay li:hover a{ }
.dherji a{ color:#333 !important; font-size:16px!important; text-align:center; border:none!important; line-height:22px!important; padding:20px 15px!important; display:inline-block !important;}
.dherji a:hover{ color:#ccc;background-color:rgba(255,110,110,0.6)!important;}
.headbg .dherji a{ display:block; color:#333 !important; }

.men2{ padding-left:64%;}
.men4{ padding-left:73%;}
.men30{ padding-left:78%;}



.yuyan{ width:80px; height:26px; padding-left:32px; background:url(../images/language.gif) left center no-repeat; background-size:24px; position:absolute; right:0; top:50%; margin-top:-13px; cursor:pointer;}
.yuyan ul{ height:26px; overflow:hidden; position:absolute; top:0;transition:0.4s;}
.yuyan ul:hover{ height:52px; transition:0.4s;}
.yuyan ul{background:url(../images/sanjiao.svg) right top no-repeat; background-size:20px;}
.yuyan a{color:#fff; line-height:26px; display:block;}
.yuyan a:hover{ color:#FFF;}
.kouhao{ position:absolute; left:0; right:0; margin:auto; bottom:20%; color:#FFF; width:85%; max-width:1450px;}
.kouhao img{ width:160px; display:inline-block; margin-bottom:-20px; margin-right:5px;}
.kouhao span{ font-weight:bold; font-size:52px; letter-spacing:2px;}
.kouhao p{ font-size:36px;}
.kouhao i{ width:70px; height:7px; background:#FFF; display:block; margin-bottom:30px;}




.about{ background:url(../images/aboutbg.jpg) center center fixed; background-size:cover;}
.toptit{ font-size:44px; letter-spacing:2px; font-weight:bold; text-align:center; color:#FFF; margin-bottom:40px; background:url(../images/lin.png) center bottom no-repeat; padding-bottom:20px; text-transform:uppercase;}
.toptit span{ display:block; margin:auto; font-size:15px; color:#ffb0b3;}
.shuju{ width:102%;}
.shuju li{ width:31.3%; text-align:center; float:left; margin-right:2%; border:rgba(143,143,143,0.2) solid 1px; box-sizing:border-box;  padding:50px;}
.shuju li{ backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
	-moz-backdrop-filter: blur(3px);
	-ms-backdrop-filter: blur(3px);
	-o-backdrop-filter: blur(3px);}
.shuju span{ font-size:80px; font-family: "Conv_DINCondensedC"; position:relative;}
.shuju span em{ font-style:normal; font-size:16px; background-color:#bf1a21; padding:0 5px; border-radius:30px; margin-left:10px; color:#FFF; position:absolute; right:0; top:12px; margin-right:-50px; width:40px;}
.shuju i{ font-style:normal;}
.shuju p{ font-size:20px;}

.gsjj{ width:50%; padding:50px 0; box-sizing:border-box;}
.gsjj p{ font-size:16px;}
.our{ background:url(../images/our.jpg) fixed; background-size:cover; transition:2s !important;}
.more{ display:block; color:#FFF;background-color:#bf1a21; border:#FFF solid 1px; width:120px; font-size:12px; text-align:center; line-height:30px; margin-top:30px; transition:0.4s;border-radius:30px;}
.more:hover{ width:150px;  color:#FFF; transition:0.4s;}
.more2{ display:block; color:#000; border:#000 solid 1px; background:none; width:120px; font-size:12px !important; text-align:center; line-height:24px; margin-top:20px; transition:0.4s; border-radius:30px;}
.more2:hover{ width:150px; background:#000; color:#fff; transition:0.4s;}
.gsjj h2{ margin-bottom:10px; letter-spacing:2px;color:#bf1a21; }
/*内页*/
.bg2{ height:70vh; position:relative;}
.ban{ background-size:cover !important;}
.mianbao{position: absolute;bottom: 20px;left: 0;right: 0;}
.mianbao,.mianbao a{ color:#fff;}
.zhong{ min-height:260px;}
.nav-x{ text-align:center; padding:40px 0;}
.nav-x a{ display:inline-block; padding:10px 40px; border:#bf1a21 solid 1px; border-radius:100px; margin:0 10px; margin-bottom:10px;}
.active3,.nav-x a:hover{ background-color:#bf1a21; color:#FFF;}

/*公司简介*/
.about01 span{ font-size:32px; font-weight:bold; text-transform:uppercase;}
.linian{ font-size:22px; margin-bottom:20px;}
.ab1{ width:35%; padding:80px 0; background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);}
.ab2{ width:60%;font-size:18px; box-sizing:border-box;padding:50px 0px; }
.about01{ padding:0px 12%; position:relative; border-bottom:#ddd solid 1px;}
.ab3{ padding:20px 0; overflow:auto;}
.ab3 img{ display:block; margin:auto; margin-top:-110px; margin-bottom:20px;}
.ab3 span{background:url(../images/lin2.png) center bottom no-repeat; font-size:24px; font-weight:bold; text-align:center; display:block; margin-bottom:20px; padding-bottom:15px;}
.ab3js{ color:#333; padding:50px;}
/*发展历程*/
.licheng{ width:100%; height:700px;background:url(../images/lcbg-01.jpg) center center no-repeat; position:relative;}
.licheng h2{ font-size:40px; text-transform:uppercase; color:#bf1a21; line-height:1.2;}
.lc{ position:relative; height:100%;}
.lcli{ position:relative; height:100%;}
.lcli li{ max-width:22%; border-left:#1bc7ff solid 1px; position:absolute; padding-left:20px;}
.lcli li span{ font-size:34px; font-weight:bold; color:#1bc7ff; display:block; margin-top:-15px;}
.lcli li:nth-child(2n+1){padding-bottom:40px;top:32%;}
.lcli li:nth-child(2n){padding-top:40px; top:62%;}
.lcli li:nth-child(2){ left:8%; margin-top:50px;}
.lcli li:nth-child(3){ left:24%; margin-top:-50px;}
.lcli li:nth-child(4){ left:42%;margin-top:-5px;}
.lcli li:nth-child(5){ left:53%;margin-top:-120px;}
.lcli li:nth-child(6){ left:63%;margin-top:-65px;}
.lcli li:nth-child(7){ left:80%;margin-top:-165px; padding-right:20px;}

.rongyu{ padding-bottom:80px;}
.dituwang{ position:relative; margin-top:150px; margin-bottom:150px;}
.wenzi{ padding:100px 45% 100px 120px; font-size:19px;background-image: -webkit-linear-gradient(0deg, #ddd 0%, #fff 100%); width:80%; float:left; box-sizing:border-box; color:#bf1a21; border-radius:300px;}
.ditu{ width:60%; position:absolute; top:50%; margin-top:-350px; right:0;}

/*产品中心*/
.product{ background:url(../images/productbg.jpg) repeat; transform:0.5s;}
.profenlei{ max-width:1000px; margin:auto;}
.profenlei a{ display:block; height:110px; overflow:hidden; position:relative; float:left; text-align:center; width:18%; margin:0 1%; font-size:22px; transition:0.1s;}
.profenlei a img{ width:60px; margin:auto; margin-bottom:5px; transition:0.8s;}
.leiming{ position:absolute; left:0; right:0; margin:auto; bottom:-19px; transition:0.5s;}
.leiming p{ text-transform:uppercase; font-size:14px;}
.profenlei a:hover{ background:#d4656b; border-radius:30px; transition:0.1s;}
.profenlei a:hover img{ width:120%; margin-top:-20px;transform: rotate(0deg); opacity:0.2;}
.profenlei a:hover .leiming{ bottom:22px; transition:0.5s; color:#FFF;}

.pro{ width:102%;}
.proli{ width:31.3%; float:left; margin-right:2%; margin-bottom:2%;}
.proli img{ width:100%;transition:0.5s; display:block;}
.protu{ width:100%; height:0; position:relative; padding-top:70%;}
.protu img{ width:100%; height:100%; position:absolute; left:0; top:0;}
.proli:hover img{transition:0.5s;
transform:scale(1.07,1.07);
-moz-transform:scale(1.07,1.07);
-webkit-transform:scale(1.07,1.07);
-o-transform:scale(1.07,1.07); opacity:0.5;}
.protu{ display:block; background:url(../images/probg.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.protit{ padding:10px; text-align:center;}
.protit a{ font-size:18px;display:block;}
.protit p{ height:30px; line-height:30px; overflow:hidden;}
.protit span{ font-size:14px; color:#999;}
.proli i{display:block; background:#f2f2f2;}
.proli i span{ width:0%;transition:0.5s; height:2px; display:block; background:#bf1a21;}
.proli:hover span{ width:100%;transition:0.5s;}

.swiper-slide i{display:block; background:#f2f2f2; margin-top:20px;}
.swiper-slide i span{ width:0%;transition:0.5s; height:2px; display:block; background:#bf1a21;}
.swiper-slide:hover span{ width:100%;transition:0.5s;}
.proerji a{ display:block; transition:0.5s;}
.er{ font-size:22px; font-weight:bold; line-height:40px;padding-left:35px; background:url(../images/jia.svg) 0% 50% no-repeat; background-size:26px;}
.fenlei2{ margin-bottom:15px;}
.fenlei3{ max-height:0px; transition:0.5s; overflow:hidden;}
.fenlei2:hover .fenlei3{ max-height:123px; transition:0.5s;}
.active2,.er:hover{background:#f2f2f2 url(../images/jia2.svg) 90% 50% no-repeat;  background-size:26px; padding-left:70px; color:#bf1a21 !important;}
.san{ color:#999; font-size:18px; line-height:40px; border-bottom:#CCC solid 1px; padding-left:35px;}
.products h2{ font-size:40px; text-transform:uppercase; color:#bf1a21; line-height:1.2; margin-bottom:30px;}
.proliimg{ width:35%;}
.proms{ width:62%; margin-top:20px; padding-right:30px;}
.promsa{ font-size:20px; display:block; margin-bottom:20px;}
.proms p{ color:#999; font-size:15px;}
.proliw{ padding:30px;}
.proli2{ margin-bottom:40px; background:#FFF;box-shadow:0px 0px 50px rgba(0,0,0,0);}
.proli2 i{ width:0%; height:2px; display:block; background:#bf1a21; transition:0.5s;}
.proli2:hover i{ width:100%;transition:0.5s;}
.proli2:hover{box-shadow:0px 0px 50px rgba(0,0,0,0.1);}

/*产品详情页*/
.protoparc{border-bottom:#f2f2f2 solid 1px; border-top:#f2f2f2 solid 3px; overflow:auto; padding:12px 0;}
.protoparc img{ width:40%; float:left; display:block;}
.arcprojs{ width:55%; float:right; margin-top:35px;}
.arcprojs a{ display:inline-block; margin-bottom:15px; border:#999 solid 1px; color:#999; padding:0 10px; font-size:14px; border-radius:30px;}
.arcprojs a:hover{ background:#999; color:#FFF;}
.arcprojs h1{ font-size:30px; margin-bottom:30px;}
.arcprojs p{ font-size:14px; line-height:24px; color:#999;}
.proarc{ background-color:#FFF; padding:50px;}
.tedian{ overflow:auto; width:102%;}
.tedian li{ width:48%; margin-right:2%; float:left;background-image: -webkit-linear-gradient(0deg, #fff 0%, #f2f2f2 100%); margin-bottom:20px; position:relative; border-radius:30px;}
.tedian section img{ width:30px; margin:auto; display:block;}
.tedian section{ display:block; float:left; color:#FFF; width:30%; padding:20px 0; text-align:center; background:#e0999b; border-radius:30px;}
.tedian p{width:70%; padding:5px 20px; box-sizing:border-box; height:100%; position:absolute; top:0; right:0;align-items: center;display: flex; color:#666;}
.zhengwen h3{ margin:15px 0;}

/*新闻部分*/
.news{}
.toptit2{ color:#333;background:url(../images/lin2.png) center bottom no-repeat;}
.newslist{ width:102%;}
.newsli{ width:31.2%; margin-right:2%; float:left; height:0; padding-top:20%; margin-bottom:4%; position:relative; overflow:hidden;}
.newslione{ width:64.6%; position:relative; background:none; box-sizing:border-box;}
.topnew{ position:absolute; top:0; padding:3% 2%;box-sizing:border-box;border:#ccc solid 1px; width:100%; height:100%;}
.topnewbg{ width:0%; left:0; right:0; margin:auto; height:100%; position:absolute; top:0; z-index:-1;transition:0.5s;}
.newslione:hover .topnewbg{ width:100%;transition:0.5s;}
.newslit{ padding:1% 3%; width:50%; box-sizing:border-box; float:left;}
.newslit small{ background-color:rgba(0,0,0,0.2); font-size:12px; color:#FFF; padding:2px 10px; border-radius:15px;}
.newtoptit{ font-size:20px; line-height:32px; margin-bottom:10px; margin-top:8px; display:block;transition:0.5s;}
.newtoptit:hover{ color:#bf1a21;transition:0.5s;}
.newslit p{ color:rgba(0,0,0,0.5);}
.newsli img{ width:100%; height:100%; position:absolute; top:0; right:0;transition:0.5s;}
.newsli:hover img{ transition:0.5s;}
.newsli em{ position:absolute; background:#bf1a21; color:#FFF; display:inline-block; left:20px; top:0px; z-index:999; padding:4px 10px; font-style:normal; border-radius:0 0 10px 10px;}

.newsjs{ position:absolute; width:100%; bottom:-60px; padding:20px; box-sizing:border-box; color:#FFF; transition:0.5s;}
.newsjs span{ font-size:18px; line-height:28px; padding:5px 0; margin-bottom:10px; display:block;}
.newsjs p{ line-height:20px; height:40px; overflow:hidden;}
.newsli:hover .newsjs{ bottom:0;transition:0.5s;}
.newsli:hover img{transition:0.5s;
transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2)}
.newsli:nth-child(1):hover img{transition:0.5s;
transform:scale(1.07,1.07);
-moz-transform:scale(1.07,1.07);
-webkit-transform:scale(1.07,1.07);
-o-transform:scale(1.07,1.07)}
.newsjs{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%) repeat scroll 0 0;}
.yinji{ padding-bottom:50px; width:102%;}
.xinwencenter{ padding-bottom:50px;}
.fenye2 li,.fenye2 li a{ text-transform:uppercase;}
.fenye2{ margin-top:20px; padding:20px 0; border-top:#f2f2f2 solid 1px; color:#999;}
.fenye2 a{color:#999;}
.fenye{ overflow:auto; padding:20px 0; margin-top:20px; border-top:#ddd solid 1px;}
.fenye .active{ background-color:#ddd;}
.fenye li{ float:left; margin-right:3px; border:#666 solid 1px; border-radius:3px; margin-bottom:3px; padding:0 8px; color:#666; line-height:18px;}
.fenye li:hover{ background-color:#F8B62D;}
.thisclass{background-color:#F8B62D;}
.fenye li a{color:#666; font-size:14px;}
.newsl{ width:70%; float:left;}
.newsr{ width:30%; float:right;}

/*新闻内页*/
.zuo{ width:23%;}
.you{ width:70%;}
.arc h1{ font-size:25px;}
.newsp1{background:url(../images/date.svg) center left no-repeat; padding:5px 0 5px 25px; display:inline-block;}
.newsp2{background:url(../images/read.svg) center left no-repeat;  padding:5px 0 5px 25px; margin-left:20px;}
.newsp3{background:url(../images/zuozhe.svg) center left no-repeat;  padding:5px 0 5px 32px; margin-left:20px;}
.date2{ padding:20px 0;}
.zhengwen{line-height:1.6; border-top:#f2f2f2 solid 1px; padding-top:25px; font-size:18px;text-align:justify}
.zhengwen img{ max-width:100% !important; height:auto !important; display:block; margin:5px 0;}
.xwlist p{ font-size:14px; color:#999; margin-top:6px;}
.xwlist li{ margin-bottom:35px; line-height:22px; overflow:auto;}
.mtop h3{ margin-bottom:30px;font-size:25px;}
.newstu{ width:120px; height:120px;  border:#f2f2f2 solid 3px; display:block; overflow:hidden; float:left; margin-right:15px;}
.newstu2{ width:100%; height:auto; box-sizing:border-box; margin-bottom:10px;}
.xwlist img{ width:100%; height:100%;}
.mtop span{ color:#CCC; text-transform:uppercase; font-weight:normal; font-size:20px;}
.zhengwen{line-height:1.6; border-top:#f2f2f2 solid 1px; padding-top:25px; font-size:16px;text-align:justify}
.zhengwen img{ max-width:100% !important; height:auto !important; display:inline-block; margin:5px 0;}
.newarcli{ background:#FFF; margin-bottom:30px; padding:50px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); margin-top:0; transition:0.5s; overflow:auto;}
.newarcli:hover{ box-shadow:0px 9px 20px rgba(0,0,0,0.1);transition:0.5s;}
.newarcli span{ display:block; margin-bottom:20px;}
.newarcli p{ color:#999;}
.newarcli a{ font-size:18px; margin-bottom:5px; display:block;}
.ntpic{ width:260px; height:195px; float:right; overflow:hidden; display:block;}
.ntpic img{ width:100%; height:100%;}

/*售后服务*/
.ditu2{ width:870px; height:692px; margin:auto;background:url(../images/ditu2.png) center center no-repeat; position:relative;}
.toptit3{ font-size:38px;}
.biaoji{ width:100px; height:100px; position:absolute;} 
.quyu{ position:absolute; left:0; right:0; margin:auto; margin-right:10px; color:#000; bottom:0; text-align:center;}
.biaoji01{ right:6%; top:8%;}
.biaoji02{ right:25%; top:20%;}
.biaoji03{ left:25%; top:25%;}
.biaoji04{ left:45%; top:50%;}
.biaoji05{ right:23%; top:40%;}
.biaoji06{ right:10%; top:42%;}
.biaoji07{ right:22%; bottom:24%;}
.shouhou01{background:url(../images/mapbg.jpg) center bottom no-repeat;background-size:100%;}
.shouhou02{background:url(../images/shouhou.jpg) center bottom no-repeat; background-size:100%;}
.kh2{ font-size:32px; text-align:center; font-weight:bold; margin-top:40px;} 
.yuanze{ overflow:auto; position:relative;}
.yzjs01,.yzjs02{box-sizing:border-box; position:absolute; height:100%; background-size:270px !important;}
.yzjs01{ right:0; top:0; background:url(../images/sh-01.svg) top right no-repeat;}
.yzjs02{ left:0; top:0;  background:url(../images/sh-02.svg) bottom left no-repeat;}
.yzjs02 .shouhouyz{padding-right:60px;}
.yzjs01 .shouhouyz{padding-left:60px;}
.yzjs02{left:0; top:0; padding-right:30px;}
.yzjs h3{ font-size:38px; margin-bottom:30px;}
.yzjs p{ font-size:20px; color:#999;}
.shouhouyz{ position:absolute; top:50%; margin-top:-95px;}
.shkouhao{ text-align:center; padding:200px 0;font-weight:bold;background:url(../images/hezuo.jpg) center center no-repeat;}
.khf{ text-align:right; color:#bf1a21; font-size:50px; }
/*在线留言*/
.liuyan{ padding-bottom:80px;}
.massage{ width:60%;}
.lianxi{ width:35%;}
.lianxi .xinxi2{ width:100%; padding-left:0;}
.form-group{ overflow:auto;}
.form-group input,.form-group textarea{ line-height:30px; padding:10px 10px 10px 40px; font-size:16px; font-family:微软雅黑; box-sizing:border-box; margin-bottom:20px; border:#CCC solid 1px; border-radius:3px; background-size:30px !important;}
#attr_30,#attr_33{ width:98%;}
#attr_31,#attr_32{ width:48%; margin-right:2%; float:left;}
.coolbg{ margin:auto; display:block; padding:5px 30px !important; background:#bf1a21; color:#FFF; border:none;}
.massage h3{ margin-bottom:20px;}
#attr_30{background:url(../images/mass-01.svg) 5px 10px no-repeat;}
#attr_31{background:url(../images/mass-02.svg) 5px 10px no-repeat;}
#attr_32{background:url(../images/mass-03.svg) 5px 10px no-repeat;}
#attr_33{background:url(../images/mass-04.svg) 5px 10px no-repeat;}



/*网站底部*/
.footer{background:#f9f9f9; color:#222; position:relative;}
.ftcontact{ padding:40px 0;}
.daohang{  padding:10px 0; text-align:center;}
.daohang a{ display:inline-block; padding:5px 40px; font-size:18px; color:#222;}
.daohang a:hover{ color:#bf1a21;}
.ftlogo{ width:300px;}
.xinxi1 p{ font-size:24px; color:#999; margin-top:10px;}
.xinxi1,.xinxi2,.xinxi3{ float:left;}
.xinxi1{ width:28%;}
.xinxi2{ width:75%;  box-sizing:border-box;}
.xinxi3{ width:25%;}
.xinxi3 li{ float:right; width:120px; text-align:center; margin-left:30px;}
.xinxi3 li img{ width:100%; margin:auto; margin-bottom:6px;}
.xinxi2{ font-size:16px; line-height:34px; }
.banquan{ color:#999; line-height:40px; border-top:#ddd solid 1px; font-size:14px;}
.banquan a{color:#999;}
.job{ font-size:16px;  padding:5px 10px 5px 38px; background:url(../images/job.svg) center left no-repeat;background-size:32px; display:inline-block; margin-top:20px; border-radius:5px; transition:0.5s;}
.job:hover{padding:5px 20px 5px 70px; color:#333; background:#fff url(../images/job.svg) center left no-repeat; background-size:70px;transition:0.5s}
.xinxi2 span{ padding-left:50px; background-size:auto 40px !important;  line-height:22px; display:inline-block; width:48%; float:left; box-sizing:border-box;}
.ftdianhua{margin-bottom:25px;}
.xinxi2 span:nth-child(1){ background:url(../images/anniu-01.svg) center left no-repeat;}
.xinxi2 span:nth-child(2){ background:url(../images/anniu-01.svg) center left no-repeat;}
.xinxi2 span:nth-child(3){ background:url(../images/anniu-01.svg) center left no-repeat;}
.xinxi2 span:nth-child(4){ background:url(../images/anniu-02.svg) center left no-repeat;}
.xinxi2 em{ font-style:normal; display:block; font-size:13px; color:#999;}
.ftdianhua{ font-size:30px; font-weight:bold;font-family: "Conv_DINCondensedC";}
.ftdianhua em{ font-weight:normal; margin-bottom:5px; }
/*联系我们*/
.mapxinxi{ width:345px;position:absolute; bottom:0; left:0;  background:#f2f2f2; z-index:9996; font-size:16px; line-height:24px; padding:25px 30px;}
.mapxinxi p{ margin:0; color:#999;}
.mapxinxi a{ padding:5px 40px 5px 5px; color:#bf1a21; background:url(../images/xianlu.svg) center right no-repeat; margin-top:20px; display:inline-block;}
.mapxinxi b{ font-size:20px; margin-bottom:15px; display:block;}
.mapxinxi p{ font-size:14px;}
.rexian li{ width:23%; margin:1%; float:left; padding:50px 0; text-align:center; background:#f2f2f2; border-radius:20px;}
.rexian li img{ width:60px; margin:auto; display:block;}
.rexian li p{font-size:36px; font-weight:bold;font-family: "Conv_DINCondensedC";}
.rexian li span{ color:#999; font-size:20px;}
.benma{ height:300px; overflow:hidden; margin-top:-120px; z-index:-1; position:relative;  background:url(../images/ma.jpg) center center no-repeat; background-size:100%;}
.linian2{ max-width:1200px; background-image:-webkit-linear-gradient(80deg, #fff 0%, #f2f2f2 100%); box-sizing:border-box; z-index:999; padding:50px; margin-top:30px;}
.linian2 p{ font-size:18px;}
.h3tit{ text-align:center; font-size:32px; margin-bottom:20px; background:url(../images/btbg.png) center center no-repeat}

.zhaopin{ padding-bottom:80px;}
.fuli{ overflow:auto; margin:auto;}
.fuli li{ background-color:#f2f2f2; position:relative; transition:0.5s; padding:50px; border-right:#FFF solid 5px; border-bottom:#FFF solid 5px; height:200px; box-sizing:border-box; font-size:18px; overflow:hidden;}
.fuli li:hover{ background-color:#e1b4ab; transition:0.5s;}
.fuli01 li{ width:25%; float:left;}
.fuli ul{ float:left; overflow:auto;}
.fuli01{ width:100%;}
.fuli02{ width:25%;}
.fuli03{ width:50%;}
.fl02,.fl03,.fl04,.fl06{ padding:0 !important;}

.fl04{background:url(../images/fangjia.jpg) center center no-repeat !important; background-size:100%!important; transition:0.5s;}
.fl04:hover{ background-size:130%!important; transition:0.5s;}
.fl05{ padding:0 !important;}
.fl05 img{ width:100%; height:100%; transition:0.5s;}
.fuli ul li img{transition:0.5s; position:absolute; top:0; left:0; margin:auto; height:100%;object-fit: cover;}
.fuli ul li:hover img{transition:0.5s;
transform:scale(1.3,1.3);
-moz-transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
-o-transform:scale(1.3,1.3)}
.fl07{ background:none !important; border-bottom:none !important;}
.fl08{ width:50%; float:right;}
.fl06,.fl08,.fl10{ border-bottom:none !important;}
.fuli03{background:url(../images/fuli03.jpg) center center no-repeat; background-size:125%;transition:0.5s;}
.fuli03:hover{ background-size:120%;transition:0.5s;}
.fuli03:hover .fl07{ font-size:22px;}
.fl01{ font-size:36px !important; font-weight:bold; color:#bf1a21;background:url(../images/fuli.svg) 80% 80% no-repeat !important; background-size:190px auto !important;}
.gangweili{ width:48%; margin:2%; float:left; border:#f2f2f2 solid 1px; box-sizing:border-box; padding:30px; transition:0.5s; box-shadow:0px 0px 20px rgba(112,112,112,0.1);}
.gangweili:hover{ box-shadow:5px 5px 20px rgba(112,112,112,0.3); transition:0.5s;}
.gangweili b{ font-size:22px; display:block; margin-bottom:20px;}
.gangweili span{ display:block; line-height:30px; color:#999;}
.zhilian{ width:40px; height:40px; float:right; background:url(../images/job2.svg) center center no-repeat; background-size:30px;}
.mianbao,.mianbao a{ font-size:12px;}

/*修改*/
.index{background:url(../images/index.jpg) center center no-repeat; background-size:cover; height:100vh; position:relative; padding-top:102px; box-sizing:border-box;}
.inkh{ position:absolute; left:0; right:0; margin:auto;top:35%; width:100%; max-width:1400px;}
.inkh p{width:34%; float:left; }
.inkh img{ float:right; width:120px;}
.inkh h1{ margin-bottom:30px; color:#fff; font-size:40px;}
.inkh p{ color:rgba(255,255,255,0.5);font-size:19px;}
.aboutus{ width:30%; position:absolute; right:10%; top:50%; margin-top:-230px;}
.shaicha{ width:33%; top:50%; margin-top:-280px; right:14%;}
.shaicha p{ font-size:20px;}
.fzlc{ background:#1bc7ff; color:#FFF; border-radius:30px; font-size:16px; font-weight:normal; padding:5px 15px; margin-top:30px; display:inline-block; transition:0.5s;}
.fzlc:hover{padding:5px 35px;color:#FFF; transition:0.5s;}
.mt{ margin-top:0px;}
.xieshou{ width:26%; font-size:40px; line-height:1.6; font-weight:bold; margin-top:-200px;}
.xieshou p{ font-size:45px; }
.sxdr{ text-align:center; margin-bottom:50px;}
.xproli{ width:24%; display:inline-block;padding:20px; box-sizing:border-box; position:relative;}
.sxdr h2{ text-align:center; color:#000;}
.xproli a{ display:block; overflow:hidden;}
.xproli img{ display:block;transition:0.5s;}
.sxdr em{ font-style:normal; color:#bf1a21;}
.titpro{ padding:10px 0; display:block;}
.xproli2:nth-child(2) .titpro{ margin-bottom:60px;}
.xproli2:nth-child(4) .titpro{ margin-bottom:60px;}
.fl06{ padding:50px !important;}
.fl10{ margin-top:5px; height:195px !important;}
.shaicha h1{ margin-bottom:15px; line-height:1.3;}


@media screen and (max-width:1640px){
	.aboutus{ font-size:14px; width:36%; right:9%; margin-top:-223px;}
	.inkh p{ font-size:18px;}
	.inkh{ left:0; right:0; margin:auto; width:85%;}
	.overlay li a{ padding:20px 15px;}
	.logo img{ height:50px;}
	.xieshou{ margin-top:-40px;}
	.xieshou p{font-size:35px; text-align:left;}
	.xieshou{ width:30%; right:3%; margin-top:-110px;}
	.xinxi3 li{ width:100px;}
	.ftlogo{ width:260px;}
}


		
		
@media screen and (max-width:1440px){
.shuju li{ padding:30px;}
.shuju p{ font-size:14px;}
.newsjs span{ font-size:16px; line-height:22px; margin-bottom:5px;}
.wenzi{ padding:50px 50% 50px 50px; font-size:18px;}
.ditu{ margin-top:-260px;}
.fuli li{ font-size:16px; padding:50px 30px !important;}
.fuli03:hover .fl07{ font-size:20px;}
.zhaopin{ margin-bottom:50px;}
}


@media screen and (max-width:1024px){
.l,.r{ float:none;}
.logobg{ display:none;}
.navbar-toggle{ display:block}

/*手机导航*/
.button_container{ display:block; z-index:9999;}
.overlay {
    position: fixed; z-index:9998; display: block;  background: rgba(255,255,255,1);  top: 0; border: 0;left: 0; width: 100%; height: 0%;opacity: 0; visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
            transition: opacity .35s, visibility .35s, height .35s;
    overflow: auto;
}
.overlay.open { opacity:1; visibility: visible; height: 100vh;}
.overlay.open ul{ padding-top:50px; border-top:#CCC solid 1px;}
.overlay li{ float:none; width:100%;}
.overlay li a{ color:#333;}

.logo img{ height:40px; margin-top:0; display:block;}
.dherji{ max-height:500px; position:relative;} 
.dherji a{ display:inline-block; padding:8px 3px!important;}
.dherji a{color:#999 !important; font-weight:normal !important;}
.dherji{ padding:0 !important; text-align:center;box-shadow:none;}
.head{ width:100%; position:fixed; top:0; z-index:9999; background:rgba(255,255,255,0.9);padding:7px 0;}
.shuju{ width:100%;}
.shuju li{ width:100%; margin-right:0; margin-bottom:10px; background:#FFF;}
.gsjj{ width:100%; margin:auto; padding:40px 20px;}
.gsjj h2{ font-size:30px;}
.pad{ padding:40px 0;}
.newslist{ width:100%;} 
.newsli{ width:100%; margin-right:0; padding-top:60%;}
.toptit{ font-size:36px;}
.yuyan{ display:none;}
.mt{ margin-top:55px; position:relative; }
.f1{ display:none;}
.f2{ width:100%;}
.newsjs p{ opacity:0;}
.overlay li a{ font-size:22px; padding:26px 20px; text-align:center; font-weight:bold;}
.kouhao{bottom:50%; margin-bottom:-31px;}
.kouhao span{ font-size:20px; letter-spacing:0;}
.kouhao p{ font-size:14px;}
.kouhao i{ display:none;}
.profenlei { text-align:center;}
.profenlei a{ width:29%; height:80px; display:inline-block; float:none; font-size:15px; margin-bottom:15px;}
.newslione{ width:98%; height:auto; padding:0; overflow:auto;}
.topnew{ height:auto; position:relative; overflow:auto;}
.newslit{ width:100%; padding:20px 0;}
.daohang{ display:none;}
.xinxi1,.xinxi2,.xinxi3{ width:100%; float:none; padding:20px; box-sizing:border-box; overflow:auto;}
.ftlogo{ max-width:80%;}
.job{ float:none; margin-top:-40px;}
.xinxi3 li{ float:left; margin-right:20px; margin-left:0;}
.ftcontact{ padding:30px 0;}
.banquan{ line-height:22px; padding:10px 0; font-size:12px;}
.bg2{ height:140px;}
.nav-x{ padding:20px 0; overflow:auto; display:none}
.nav-x a{ padding:5px 0; width:23%; margin:1%; float:left; box-sizing:border-box; font-size:14px;}
.about01{ width:85%; padding:0; margin:auto; background:none;}
.ab1{ width:100%; padding:20px 0; border-bottom:#CCC solid 1px; margin-bottom:20px;}
.ab2{ width:100%; position:relative; padding:0;}
.herf{ width:100%;}
.ab3js{ padding:20px 30px;}
.footer{ background-size:cover;}
.licheng{ overflow:auto; height:500px;}
.lc{ width:1440px !important;}
.lcli li:nth-child(1){left:20px;}
.lcli li:nth-child(2){ margin-top:-62px;}
.lcli li:nth-child(5){ margin-top:-80px; padding-right:20px;}
.dituwang{ margin-top:0; margin-bottom:0;}
.wenzi{ width:100%; padding:0 50px; background:none; font-size:16px;}
.ditu{ margin-top:20px; position:relative; width:100%;}
.rongyu{ padding:40px 0;}
.yinji{ padding:40px 0; width:100%;}
.zuo{ display:none;}
.you{ width:100%;}
.proms{ width:100%;}
.newsr{ width:100%; margin-top:20px;}
.ntpic{ width:100%; height:auto;}
.newsl{ width:100%;}
.newarcli p{ font-size:14px;}
.shouhou01{ background:none; padding-top:0px; width:100%; position:relative;}
.shouhouyz{ position:relative; margin:0; top:0; padding:40px !important;}
.yzjs01, .yzjs02{ position:relative; background-size:30% !important; background-position:90% 5%;}
.yzjs h3{ font-size:22px; margin-bottom:10px;}
.yzjs p{ font-size:16px;}
.yzjs02{ padding-right:0;}
.khf{ font-size:22px; text-align:center;}
.shkouhao{ padding:50px 0; background-size:130%;}
.yuanze img{ width:85%; margin:auto; display:block;}
.kh2{ font-size:26px;}
.massage{ width:95%; margin:auto; padding-top:40px;}
.lianxi{ width:95%; margin:auto; margin-top:55px; display:none;}
.liuyan{ padding-bottom:30px;}
.rexian li{ width:100%; margin:1% 0;}
.rexian{ padding:50px 0;}
.protoparc img{ width:100%;}
.arcprojs{ width:100%; width:80%; margin:auto; float:none;}
.arc h1{ font-size:20px; line-height:28px;}
.zhengwen{ width:90%; margin:auto;}
.arc{ padding:0 10px;}
.arc .zhengwen{ width:100%;}
.tedian{ width:100%;}
.tedian li{ width:100%;}
.fenye2{ width:90%; margin:auto;}
.date2 span{ font-size:14px;}
.newsp2,.newsp3{ margin-left:8px;}
.proms{ padding-right:0px;}
.fuli ul,.fuli01 li{ width:100% !important;}
.fl08{ width:100%;height:auto !important; padding:10px 50px !important;}
.fl02,.fl03,.fl06{ height:auto !important;}
.fuli03{ background-size:cover !important; margin-bottom:5px; margin-top:5px;}
.gangweili{ width:100%; margin:2% 0;}
.benma{ background-size:cover !important;}
.inkh{ position:relative; left:0; top:0; width:90%; margin:auto;}
.inkh h1{ font-size:24px; margin-bottom:20px;}
.inkh p{ font-size:15px;}
.index{background:url(../images/index_web.jpg) center center no-repeat; background-size:cover;}
.xinxi1 p{ margin-top:0;}
.job{ margin-top:15px;}
.ftdianhua{ font-size:26px;}
.xproli{ width:100%; padding:20px 0;}
.xproli2:nth-child(2) .titpro{ margin-bottom:0;}
.xproli2:nth-child(4) .titpro{ margin-bottom:0;}
.sxdr{ margin-bottom:30px;}
.aboutus{position:relative; left:0; top:0; width:90%; margin:auto;}
.shaicha p{ font-size:18px;}
.fzlc{ font-size:13px; margin-top:20px;}
.products h2{ font-size:32px; font-weight:bold;}
.bgimg1{ height:auto;background:url(../images/about_web.jpg) center center no-repeat fixed !important; background-size:cover !important; padding-bottom:50px;}
.bgimg31{ background:url(../images/xieshou_web.jpg) center center no-repeat !important; background-size:cover !important; padding-bottom:50px;}
.lcli li:nth-child(6){ padding-right:30px;}
.xieshou,.inkh{ margin-top:20px;}
.toptit2{background:url(../images/lin2_2.png) center bottom no-repeat;}
.xinxi2 span{ width:100%; float:none;}
.inkh img{ float:none; margin-top:30px;}
.inkh p{ width:100%;}
.fuli li{ height:230px !important;}
.fuli li img{ width:100%;}
.lcli li:nth-child(7){ left:80%;margin-top:-135px; padding-right:20px;}
}

@media screen and (max-width:768px){
.w{ width:90%;}
.proli{ width:48%;}
.newsjs span{ font-size:14px; line-height:18px;}
.gsjj h2{ font-size:24px;}
.gsjj p{ font-size:15px;}
.newsjs{ padding:15px;}
.profenlei a img{ width:50px;}
.xinxi1 p{ font-size:16px;}
.profenlei a:hover .leiming{ bottom:15px;}
.kouhao img{ width:60px; margin-bottom:-10px;}
.bg2{ height:110px;}
.ditu2{ width:100%; background-size:100%; height:0; padding-top:100%;}
.biaoji01{ right:1%;}
.biaoji04{ left:37%;}
.biaoji05{ right:18%;}
.biaoji06{ right:5%;}
.toptit{ font-size:32px; margin-bottom:20px;}
.shouhou02{ background:#f2f2f2;}
.xinxi3 li{ width:35%;}
table{ width:100% !important;}
}
@media screen and (max-width:500px){
.ditu2{ width:92%; background-size:100%; height:0; padding-top:100%;}
.biaoji{transform: scale(0.5)}
.biaoji01{ right:1%;}
.biaoji04{ left:37%;}
.biaoji05{ right:18%;}
.biaoji06{ right:5%;}
}